<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title></title>
<meta content="" name="keywords" />
<meta content="" name="description" />
<link href="favicon.ico" rel="shortcut icon" />
<link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet" />
<link href="/css/style.css?v=4.1.0" rel="stylesheet" />
<script src="/js/jquery.min.js?v=2.1.4"></script>
<script src="/js/plugins/validate/jquery.validate.min.js"></script>
<script src="/js/plugins/validate/messages_zh.min.js"></script>
<script src="/js/plugins/layer/layer.js"></script>
</head>
<link rel="stylesheet" href="/css/multiple-select.css" />
<script src="/js/multiple-select.js"></script>
<body>
	<div class="container">
		<script src="/js/wangEditor.js">
			
		</script>
		<body class="gray-bg">
			<div class="wrapper wrapper-content ">
				<div class="row">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">

							<div class="ibox-content">
								<form class="form-horizontal m-t" id="signupForm">
									<!--select-->
									<div class="form-group">
										<label class="col-sm-2 control-label">主队广实</label>
										<div class="col-sm-2">
											<select class="form-control" id="hometeamPower"
												name="hometeamPower">
												<option value="0">请选择广实</option>
												<option th:each="power:${powerList}"
													th:value="${power.value}" th:text="${power.name}">名称</option>
											</select>
										</div>
										<label class="col-sm-2 control-label">客队广实</label>
										<div class="col-sm-2">
											<select class="form-control" id="guestteamPower"
												name="guestteamPower">
												<option value="0">请选择广实</option>
												<option th:each="power:${powerList}"
													th:value="${power.value}" th:text="${power.name}">名称</option>
											</select>
										</div>
										<label class="col-sm-2 control-label">预测结果</label>
										<div class="col-sm-2">
											<select class="form-control" id="predictionResult"
												name="predictionResult">
												<option value="0">请选择结果</option>
												<option th:each="result:${resultList}"
													th:value="${result.value}" th:text="${result.name}">名称</option>
											</select>
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-2 control-label">分析</label>
										<div id="div1" class="col-sm-10">
											<p>
												请输入分析内容：
											</p>
										</div>
										<input type="hidden" id="analysecontent" name="analysecontent" />
										<input type="hidden" id="matchId" name="matchId"
											th:value="${match.id}" />
									</div>

									<div class="form-group">
										<label class="col-sm-2 control-label">关键词</label>
										<div class="col-sm-10">
											<select id="keyword" name="keyword" multiple="multiple">
												<optgroup th:each="item:${itemsList}" th:label="${item.items}">
													<option th:each="keywords:${item.keywordList}"  th:value="${keywords.id}" th:text="${keywords.keyword}"></option>
												</optgroup>
											</select>
										</div>
									</div>
									<div class="form-group">
										<div class="col-sm-8 col-sm-offset-3">
											<button type="submit" class="btn btn-primary">提交</button>
										</div>
									</div>
								</form>
							</div>

						</div>
					</div>
				</div>
			</div>
			<script type="text/javascript"
				src="/js/appjs/oupei/match/editAnalyse.js">
				
			</script>
			<script>
				$(function() {
					$('#keyword').change(function() {
						console.log($(this).val());
					}).multipleSelect({
						width : '100%',
						filter : true
					});

					var E = window.wangEditor;
					var editor = new E('#div1');
					 // 自定义菜单配置
				    editor.customConfig.menus = [
				    	'head',  // 标题
				        'bold',  // 粗体
				        'fontSize',  // 字号
				        'fontName',  // 字体
				        'italic',  // 斜体
				        'underline',  // 下划线
				        'strikeThrough',  // 删除线
				        'foreColor',  // 文字颜色
				        'justify'  // 对齐方式
				    ];
				 // 自定义配置颜色（字体颜色、背景色）
				    editor.customConfig.colors = [
				        '#000000',
				        '#FF0000',
				        '#1c487f',
				        '#4d80bf',
				        '#c24f4a',
				        '#8baa4a',
				        '#7b5ba1',
				        '#46acc8',
				        '#f9963b',
				        '#ffffff'
				    ]
					var $text1 = $('#analysecontent');
					editor.customConfig.onchange = function(html) {
						// 监控变化，同步更新到 textarea
						$text1.val(html)
					}
					editor.create()
					// 初始化 textarea 的值
					$text1.val(editor.txt.html())
				});
			</script>
		</body>
</html>
